<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="公众号：UnseeR.ico" type="image/x-ico">

    <!--分隔式-->
    <style type="text/css">
        @import url("chap.css");

    </style>

    <!--网页警告-->
    <script type="text/javascript">
        alert("关注公众号：UnseeR,了解更多内容");

    </script>

    <title>chap 3</title>
</head>

<body alink=" #0000ff" vlink="#000000" link="#000000" leftmargin="10%" rightmargin="10%">
    <!--目录-->
    <div align="center">
        <hr class="hr_chap">

        <a name="3">
            <a style="text-decoration:none;" href="#第3章 格式化文字与段落">
                <h2 align="center">
                    第3章 格式化文字与段落
                </h2>
            </a>
        </a>

        <a name="3.1.2">
            <a style="text-decoration: none;" href="#3.1.2 标题字标记">
                <font class="font_schap">
                    <h4>
                        3.1.2 标题字标记 ---------------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.1.3">
            <a style="text-decoration: none" href="#3.1.3 添加空格与特殊符号">
                <font class="font_schap">
                    <h4>
                        3.1.3 添加空格与特殊符号 ------------------------------------
                    </h4>
                </font>

            </a>
        </a>

        <a name="3.2.1">
            <a style="text-decoration: none;" href="#3.2.1 文本修饰标记">
                <font class="font_schap">
                    <h4>
                        3.2.1 文本修饰标记 -------------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.2.2">
            <a style="text-decoration: none;" href="#3.2.2 计算机输出标记">
                <font class="font_schap">
                    <h4>
                        3.2.2 计算机输出标记 -----------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.2.3">
            <a style="text-decoration: none;" href="#3.2.3 引用和术语标记">
                <font class="font_schap">
                    <h4>
                        3.2.3 引用和术语标记 -----------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.2.4">
            <a style="text-decoration: none;" href="#3.2.4 字体font标记">
                <font class="font_schap">
                    <h4>
                        3.2.4 字体font标记 -------------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.3">
            <a style="text-decoration: none;" href="#3.3 段落与排版标记">
                <h3>
                    3.3 段落与排版标记 --------------------------------------
                </h3>
            </a>
        </a>

        <a name="3.3.1">
            <a style="text-decoration: none;" href="#3.3.1 段落标记 <p>">
                <font class="font_schap">
                    <h4>
                        3.3.1 段落标记 &lt;p> ------------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.3.2">
            <a style="text-decoration: none;" href="#3.3.2 换行标记 <br>">
                <font class="font_schap">
                    <h4>
                        3.3.2 换行标记 &lt;br> -----------------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.3.3">
            <a style="text-decoration: none;" href="#3.3.3 水平分割线标记 <hr>">
                <font class="font_schap">
                    <h4>
                        3.3.3 水平分割线标记 &lt;hr> ----------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.3.4">
            <a style="text-decoration: none;" href="#3.3.4 拼音/音标注释 ruby 标记和 rt/rp 标记">
                <font class="font_schap">
                    <h4>
                        3.3.4 拼音/音标注释 ruby 标记和 rt/rp 标记 -----------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.3.5">
            <a style="text-decoration: none;" href="#3.3.5 段落缩进标记 <blockquote>">
                <font class="font_schap">
                    <h4>
                        3.3.5 段落缩进标记 &lt;blockquote> --------------------------
                    </h4>
                </font>
            </a>
        </a>

        <a name="3.3.6">
            <a style="text-decoration: none;" href="#3.3.6 预格式化标记 <pre>">
                <font class="font_schap">
                    <h4>
                        3.3.6 预格式化标记 &lt;pre> -----------------------------------
                    </h4>
                </font>
            </a>
        </a>

        <hr class=" hr_chap">
    </div>

    <!--第3章 格式化文字与段落-->
    <h2 class="h2_chap">
        <a name="第3章 格式化文字与段落">
            <a style="text-decoration: none;" href="#3">
                <abbr title="点击返回目录">第3章 格式化文字与段落</abbr>
            </a>
        </a>
    </h2>

    <!--3.1.2 标题字标记-->
    <h3 class="h3_seco">
        <a name="3.1.2 标题字标记">
            <a style="text-decoration: none;" href="#3.1.2">
                <abbr title="点击返回目录">3.1.2 标题字标记</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                <abbr title="双标记">标题字标记</abbr> 是通过 &lt;h1> - &lt;h6> 这六种标记进行定义的。<font class="seco">
                    h1标记定义最大的标题字，h6标记定义最小的标题字。</font>
                h1标记到h6标记属于<b>快级标记</b>，必须在HTML中成对出现。浏览器会自动地在标题前后<font class="seco">添加空行</font>。
            </font>
        </li>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>
                    <font class="impo">
                        &lt;h1 align=“left | center | right | justify "><font class="li_text">1号标题字</font>&lt;/h1>
                    </font>
                </blockquote>
            </font>
        </li>
    </ul>

    <!--3.1.3 添加空格与特殊符号-->
    <h3 class="h3_seco">
        <a name="3.1.3 添加空格与特殊符号">
            <a style="text-decoration: none;" href="#3.1.3">
                <abbr title="点击返回目录">3.1.3 添加空格与特殊符号</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>
                    &lt;body><font class="impo">
                        <blockquote>&amp;nbsp; &amp;lt; &amp;reg; &amp;times; </blockquote>
                    </font>&lt;/body>
                </blockquote>
                注：在body标记内无论输入多少空格、回车符，页面显示时都会<b>忽略</b>。
            </font>
        </li>
        <li>
            <font class="li_text">
                在HTML文件中，插入特殊字符（与空格相同）
            </font>
            <img src="3.1.3 添加空格与特殊符号.png" alt="公众号：UnseeR">
        </li>
    </ul>

    <!--3.2.1 文本修饰标记-->
    <h3 class="h3_seco">
        <a name="3.2.1 文本修饰标记">
            <a style="text-decoration: none;" href="#3.2.1">
                <abbr title="点击返回目录">3.2.1 文本修饰标记</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                常见的文本修饰标记表格
            </font>
            <img src="3.2.1 文本修饰标记.png" alt="公众号：UnseeR">
        </li>
    </ul>

    <!--3.2.2 计算机输出标记-->
    <h3 class="h3_seco">
        <a name="3.2.2 计算机输出标记">
            <a style="text-decoration: none;" href="#3.2.2">
                <abbr title="点击返回目录">3.2.2 计算机输出标记</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                常用的计算机输出标记表格
            </font>
            <img src="3.2.2 常用的计算机输出标记表格.png" alt="公众号：UnseeR">
        </li>
    </ul>

    <!--3.2.3 引用和术语标记-->
    <h3 class="h3_seco">
        <a name="3.2.3 引用和术语标记">
            <a style="text-decoration:none;" href="#3.2.3">
                <abbr title="点击返回目录">3.2.3 引用和术语标记</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                常用的引用和术语标记表格
            </font>
            <img src="3.2.3 引用和术语标记表格.jpg.png" alt="公众号：UnseeR">
        </li>
    </ul>

    <!--3.2.4 字体font标记-->
    <h3 class="h3_seco">
        <a name="3.2.4 字体font标记">
            <a style="text-decoration:none;" href="#3.2.4">
                <abbr title="点击返回目录">3.2.4 字体font标记</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                当不指定任何样式时，默认字体显示为3号、黑色、宋体。
            </font>
        </li>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>&lt;font <font class="impo">face</font>="" <font class="impo">size</font>="" <font
                        class="impo">
                        color</font>="">…&lt;/font></blockquote>
            </font>
        </li>
        <li>
            <font class="li_text">
                属性说明
                <img src="3.2.4 字体font标记.jpg.png" alt="公众号：UnseeR"></font>
        </li>
    </ul>

    <!--3.3 段落与排版标记-->
    <h3 class="h3_impo">
        <a name="3.3 段落与排版标记">
            <a style="text-decoration: none;" href="#3.3">
                <abbr title="点击返回目录">3.3 段落与排版标记</abbr>
            </a>
        </a>
    </h3>

    <!--3.3.1 段落标记 <p>-->
    <h3 class="h3_seco">
        <a name="3.3.1 段落标记 <p>">
            <a style="text-decoration: none;" href="#3.3.1">
                <abbr title="点击返回目录">3.3.1 段落标记 &lt;p></abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                <abbr title="双标记">段落 &lt;p></abbr> 标记用来起始一个段落，它是一个块级元素。段落p标记的align属性有四个属性值。
            </font>
        </li>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>
                    <font class="impo">&lt;p</font> align="left | center | right | justify"<font class="impo">&gt;
                    </font> <b>段落正文内容</b>
                    <font class="impo">&lt;/p></font>
                </blockquote>
            </font>
        </li>
    </ul>

    <!--3.3.2 换行标记 <br>-->
    <h3 class="h3_seco">
        <a name="3.3.2 换行标记 <br>">
            <a style="text-decoration: none;" href="#3.3.2">
                <abbr title="点击返回目录">3.3.2 换行标记 &lt;br></abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                换行标记 <abbr title="单标记，同&lt;br/>">&lt;br></abbr> 的作用和普通文档插入回车的作用一样，都表示<b>强制性换行</b>。
            </font>
        </li>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>
                    <b>&lt;p>段落正文内容 <font class="impo">&lt;br></font> 另起一行&lt;/p></b>
                </blockquote>
            </font>
        </li>
    </ul>

    <!--3.3.3 水平分割线标记 <hr>-->
    <h3 class="h3_seco">
        <a name="3.3.3 水平分割线标记 <hr>">
            <a style="text-decoration: none;" href="#3.3.3">
                <abbr title="点击返回目录">3.3.3 水平分割线标记 &lt;hr></abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                <abbr title="单标记，分隔线">&lt;hr></abbr> 元素可以浏览器上显示一条细线以分隔两个区域。
            </font>
        </li>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>
                    <b>
                        <font class="impo">&lt;hr size</font>="" <font class="impo">color</font>="" <font class="impo">
                            width</font>="" <font class="impo">align</font>="">
                    </b>
                </blockquote>
            </font>
            <img src="3.3.3 水平分割线标记.jpg.png" alt="公众号：UnseeR">
        </li>
    </ul>

    <!--3.3.4 拼音/音标注释 ruby 标记和 rt/rp 标记-->
    <h3 class="h3_seco">
        <a name="3.3.4 拼音/音标注释 ruby 标记和 rt/rp 标记">
            <a style="text-decoration: none;" href="#3.3.4">
                <abbr title="点击返回目录">3.3.4 拼音/音标注释 ruby 标记和 rt/rp 标记</abbr>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                <abbr title="双标记">&lt;ruby></abbr> 基本语法
                <p class="p_right"><br><br>
                    <font class="impo">
                        <ruby>
                            中 <rp>(</rp>
                            <rt>zhong</rt>
                            <rp>)
                            </rp>
                            国
                            <rp>(</rp>
                            <rt>guo</rt>
                            <rp>)</rp>
                        </ruby>
                    </font>
                </p>
                <blockquote>
                    &lt;ruby> <br>
                    &nbsp;&nbsp;&nbsp;中<font class="seco">&lt;rp></font>(<font class="seco">&lt;/rp></font>
                    <font class="impo">&lt;rt></font>
                    zhong
                    <font class="impo">&lt;/rt></font>
                    <font class="seco">&lt;rp></font>)<font class="seco">&lt;/rp></font>
                    <br>
                    &nbsp;&nbsp;&nbsp;国<font class="seco">&lt;rp></font>(<font class="seco">&lt;/rp></font>
                    <font class="impo">&lt;rt></font>
                    guo
                    <font class="impo">&lt;/rt></font>
                    <font class="seco">&lt;rp></font>)<font class="seco">&lt;/rp></font>
                    <br>
                    <font class="p_left">&lt;/ruby></font><br>
                </blockquote>
            </font>
        </li>
        <li>
            <font class="li_text">
                ruby 标记定义ruby注释（中文注音或字符）。ruby 标记 与 <font class="impo">rt</font> 标记 一同使用 。
            </font>
        </li>
        <li>
            <font class="li_text">
                ruby 标记由一个或多个（需要一个解释/发音）和一个提供该信息的rt标记组成，还包括可选的 rp 标记 ，定义当浏览器不支持ruby标记时显示的内容。
            </font>
        </li>
        <li>
            <font class="li_text">
                <abbr title="双标记"> rp 标记 </abbr>是预备那些不支持ruby标记的浏览器，<font class="seco">主要用来放置括号</font>。
            </font>
        </li>
    </ul>

    <!--3.3.5 段落缩进标记 <blockquote>-->
    <h3 class="h3_seco">
        <a name="3.3.5 段落缩进标记 <blockquote>">
            <a style="text-decoration: none;" href="#3.3.5">
                3.3.5 段落缩进标记 &lt;blockquote>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                段落缩进(也称为“块引用”)<abbr title="双标记"> blockquote 标记</abbr>引用的内容必须是<font class="seco">块级标记</font>，浏览器在
                blockquote标记前后<b>添加了</b>
                <font class="impo">换行</font>，并增加了<font class="impo">外边距</font>。
            </font>
        </li>
        <li>
            <font class="li_text">
                一对blockquote标记能够向右缩进<font class="impo">5<font class="li_text">个</font>西文字符</font>的位置。
            </font>
        </li>
        <li>
            <p class="li_text">
                基本语法
                <blockquote>&lt;body>
                    <p class="inde_code">
                        <font class="impo">
                            &lt;blockquote><font class="li_text">需要缩进的内容</font>&lt;/blockquote>
                        </font>
                    </p>&lt;/body>
                </blockquote>
                </font>
        </li>
    </ul>

    <!--3.3.6 预格式化标记 <pre>-->
    <h3 class="h3_seco">
        <a name="3.3.6 预格式化标记 <pre>">
            <a style="text-decoration: none;" href="#3.3.6">
                3.3.6 预格式化标记 &lt;pre>
            </a>
        </a>
    </h3>
    <ul>
        <li>
            <font class="li_text">
                <abbr title="双标记">&lt;pre> 标记</abbr>对网页中的文字段落进行<b>预格式化</b>，浏览器会完整保留设计者在<font class="seco">源文件中所定义的格式
                </font>，包括各种空格、缩进以及其他特殊格式。
            </font>
        </li>
        <li>
            <font class="li_text">
                基本语法
                <blockquote>
                    &lt;pre>预格式化文本&lt;/pre>
                    <br>
                    <font class="impo">&lt;pre></font>
                    <pre style="font-size: 18px;">
                                    春 晓 			    
                                    孟浩然 
                        春眠不觉晓，
                                            处处闻啼鸟。
                        夜来风雨声，
                                            花落知多少。
                    </pre>
                    <font class="impo">&lt;/pre></font>
                </blockquote>
            </font>
        </li>
    </ul>

</body>

</html>
